<?php
include ('../genericos/translate.php');
?>



<div id ="datospersonales">
    <h3 id ="dp"><a><?= _("datospersonales") ?></a></h3>
    <div>
        
<form action="" method="post" enctype="multipart/form-data" method="post"
onsubmit="" name="formDatosPersonales" id="formDatosPersonales" style="">

            <table align="center">
                <tr>
                    <td><label class="labelform"><?= _("imagenperfil") ?>:</label></td>
                    <td colspan="2">	<input type="file" name="archivo" id="archivo" onchange="checkear(this)"style="width: 80%"  /></td>

                </tr>
                
                <tr>
                    <td><label class="labelform"><?= _("tipoidentificacion") ?>:</label></td>
                    <td><select id="cb_tipoidentificacion" name="cb_tipoidentificacion" class="ui-multiselect ui-widget ui-state-default ui-corner-all">
                            <option value="1">1</option>
                        </select></td>
                        <td style="text-align: right;" rowspan="5"> 
                            
<!--                            <div id ="im_persona" >
                                
                            </div>-->
                            <iframe  src="previsor.php?upload=true" id="ver" name="ver" style=" width: 155px; height: 155px;">
                            </iframe>
                            <iframe  src="" id="ver_2" name="ver_2" hidden="true" style=" ">
                            </iframe>
                            <br>
                            <a id="xfoto" style="float: right;"  class="ui-icon ui-icon-close" onclick="borrarFoto();return false">
                                                        </a>
                            
                        </td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("cedula") ?>:</label></td>
                    <td><input onchange=""  id="tb_cedula" name="tb_cedula" type="text" class="validate[required]" onblur = "buscarPersona();" />*</td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("nombre") ?>:</label></td>
                    <td><input id="tb_nombre" name="tb_nombre" type="text" class="validate[required]" />*</td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("apellido1") ?>:</label></td>
                    <td><input id="tb_apellido1" name="tb_apellido1" type="text" class="validate[required]" />*</td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("apellido2") ?>:</label></td>
                    <td><input id="tb_apellido2" name="tb_apellido1" type="text" class="text"  /></td>
                    
                </tr>

                <tr>
                    <td><label class="labelform"><?= _("nacionalidad") ?>:</label></td>
                    <td>
                        <input type="text" name="busca_nacionalidad" id="busca_nacionalidad" size="15" class="validate[required]"  />*
                        <input hidden="true" type="text" name="tb_nacionalidad" id="tb_nacionalidad" /><div class="boton_abajo" onclick="desplegarCombos('busca_nacionalidad');"> </div>
                    </td>
                    

                </tr>

                <tr>
                    <td><label class="labelform"><?= _("lugarnac") ?>:</label></td>
                    <td><label class="labelform"><?= _("pais") ?>:</label></td>
                    <td>
                        <input type="text" name="busca_pais" id="busca_pais" size="15" class="validate[required]"  />*
                        <input hidden="true" type="text" name="tb_pais" id="tb_pais" /><div class="boton_abajo" onclick="desplegarCombos('busca_pais');"> </div>
                    </td>
                </tr>   
                <tr>
                    <td></td>
                    <td><label class="labelform"><?= _("provincia") ?>:</label></td>
                    <td>
                        <select id="cb_provincia" name="cb_provincia" class="ui-multiselect ui-widget ui-state-default ui-corner-all" onchange="traerCantones(true);" >
                            <option value="1"><?= _("elija") ?></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><label class="labelform"><?= _("canton") ?>:</label></td>
                    <td>
                        <select id="cb_canton" name="cb_canton" class="ui-multiselect ui-widget ui-state-default ui-corner-all" onchange="traerDistritos(true);" >
                            <option value="1"><?= _("elija") ?></option>
                        </select>

                    </td>  
                </tr>
                <tr>
                    <td></td>
                    <td><label class="labelform"><?= _("distrito") ?>:</label></td>
                    <td>
                        <select id="cb_distrito" name="cb_distrito" class="ui-multiselect ui-widget ui-state-default ui-corner-all">
                            <option value="1"><?= _("elija") ?></option>
                        </select>
                    </td>

                </tr>




                <tr>
                    <td><label class="labelform"><?= _("fechanac") ?>:</label></td>
                    <td><input type="text" name="fechanac" id="fechanac" class="validate[required]" ></input>*</td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("tiposangre") ?>:</label></td>
                    <td>
                        <select id="cb_tiposangre" name="cb_tiposangre" class="ui-multiselect ui-widget ui-state-default ui-corner-all">
                            <option value="dsc"><?= _("desc") ?></option>
                            <option value="A">A</option>
                            <option value="A-">A-</option>
                            <option value="AB">AB</option>
                            <option value="AB-">AB-</option>
                            <option value="O">O</option>
                            <option value="O-">O-</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("sexo") ?>:</label></td>
                    <td>
                        <select id="cb_sexo" name="cb_sexo" class="ui-multiselect ui-widget ui-state-default ui-corner-all" >
                            <option value="0"><?= _("desc") ?></option>
                            <option value="1"><?= _("masculino") ?></option>
                            <option value="2"><?= _("femenino") ?></option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("estadocivil") ?>:</label></td>
                    <td>
                        <select id="cb_civil" name="cb_civil" class="ui-multiselect ui-widget ui-state-default ui-corner-all" >
                            <option value="1">1</option>
                            <option value="2">2</option>    
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("escolaridad") ?>:</label></td>
                    <td><select id="cb_escolaridad" name="cb_escolaridad" class="ui-multiselect ui-widget ui-state-default ui-corner-all"><option value="1">1</option></select></td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("religion") ?>:</label></td>
                    <td><select id="cb_religion" name="cb_religion" class="ui-multiselect ui-widget ui-state-default ui-corner-all"><option value="1">1</option></select></td>
                </tr>

                <tr>
                    <td><label class="labelform"><?= _("etnia") ?>:</label></td>
                    <td><select id="cb_etnia" name="cb_etnia" class="ui-multiselect ui-widget ui-state-default ui-corner-all"><option value="1">1</option></select></td>
                </tr>

                <tr>
                    <td><label class="labelform"><?= _("alias") ?>:</label></td>
                    <td><input id="tb_alias" name="tb_alias" type="text" class="text" /></td>
                </tr>

                <tr>
                    <td><label class="labelform"><?= _("recordatoriodiasantes") ?>:</label></td>
                    <td><select id="cb_dias" name="cb_dias" class="ui-multiselect ui-widget ui-state-default ui-corner-all">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                        </select>
                    </td>

                    <td><INPUT class="validate[minCheckbox[1]] checkbox" type="checkbox" name="group1" value="llamada" id="recLlamada" checked ><?= _("llamada") ?><INPUT class="validate[minCheckbox[1]] checkbox" type="checkbox" name="group1" value="email" id="recEmail" ><?= _("email") ?><INPUT class="validate[minCheckbox[1]] checkbox" type="checkbox" name="group1" value="sms" id="recSms" ><?= _("sms") ?></td>
                </tr>
                <tr>
                    <td><label class="labelform"><?= _("recordatoriohorasantes") ?>:</label></td>
                    <td><input id="tb_horas" name="tb_horas" type="text" vale="00:00"  /></td>
                </tr>
                
               




            </table> <!-- End table -->

            <!--            <div id="navButs" style="width: 632px; " class="ui-state-default ui-jqgrid-pager ui-corner-bottom" dir="ltr">
                            
                            <div class="ui-pager-control" role="group">
                            <table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table navtable" style="float:left;table-layout:auto;">
                                <tbody>
                                    <tr>
                            <td class="ui-pg-button ui-corner-all" title="Add new row" id="add_grid_dir"><div class="ui-pg-div"><span class="ui-icon ui-icon-plus"></span></div></td>
                            </tr>
                            </tbody>
                            </table>
                                
                            </div>
                        </div>-->


            <div id="navbuts" style="width: 632px; " class="ui-state-default ui-jqgrid-pager ui-corner-bottom" dir="ltr">
                <div id="navbutsDatosPersonales" class="ui-pager-control" role="group">
                    <table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table" style="width:100%;table-layout:fixed;height:100%;" role="row">
                        <tbody><tr>
                                <td id="pagnavbuts_left" align="left">
                                    <table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table navtable" style="float:left;table-layout:auto;">
                                        <tbody><tr>
                                                <td class="ui-pg-button  ui-corner-all botonNav" title="<?= _("clickguardar") ?>" id="add_grid_reg">
                                                    <div class="ui-pg-div">
<!--                                                        <span id="addregistro" onclick="enviarDatos();" class="ui-icon ui-icon-plus"></span>-->
                                                        <a class="ui-icon ui-icon-plus" href="#" onclick="enviarDatosPersonales();return false">
                                                        </a>
                                                    </div>
                                                </td>
                                                
                                                <td class="ui-pg-button  ui-corner-all botonNav" title="<?= _("limpiarform") ?>" id="add_grid_reg">
                                                    <div class="ui-pg-div">
<!--                                                        <span id="addregistro" onclick="enviarDatos();" class="ui-icon ui-icon-plus"></span>-->
                                                        <a class="ui-icon ui-icon-document" href="#" onclick="javascript:document.getElementById('formDatosPersonales').reset();return false">
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </form>

    </div>
</div>

</br>

<div id="dir" >
    <h3><a href="#"><?= _("direccion") ?></a></h3>
    <div style="display:none;">
        <table id="grid_dir" ><tr><td/></tr></table> 
        <div id="pagerDir"></div>
    </div>
</div>


</br>

<div id="tel">
    <h3><a href="#"><?= _("telefonos") ?>:</a></h3>
    <div style="display:none;" >
        <table id="grid_telefono"><tr><td/></tr></table> 
        <div id="pagerTel"></div>
    </div>
</div>
</br>

<div id="email">
    <h3><a href="#"><?= _("email") ?>:</a></h3>
    <div style="display:none;" >
        <table id="grid_email"><tr><td/></tr></table> 
        <div id="pagerEmail"></div>

    </div>


</div>

</br>

<div id ="otrosdatos">

    <h3><a href="#"><?= _("otrosdatos") ?>:</a></h3>
    <div style="display:none;">

        <form id="formOtrosDatos" action="" name ="formOtrosDatos">

            <table align="">
                <tr>
                    <td style="width:150px; "> <INPUT class="" type="checkbox" name="group1" value="estudia" id="estudia" onclick="javascript:activarComponente('estudia','busca_centroeducativo');" > <?= _("estudia") ?> </td>
                    <td><label  class="labelform"><?= _("centroeducativo") ?></label></td>
                    <td>

                        <input type="text" name="busca_centroeducativo" id="busca_centroeducativo" size="15" disabled="true"  class="validate[required]"/>
                        <input hidden="true" type="text" name="tb_centroeduc" id="tb_centroeduc" /><div class="boton_abajo" onclick="desplegarCombos('busca_centroeducativo');"></div>




                    </td>
                </tr>

                <tr>
                    <td style="width:150px; " > <INPUT class="" type="checkbox" name=""  id="trabaja" onclick="javascript:activarComponente('trabaja','busca_actividadlab');activarComponente('trabaja','cb_puesto');" > <?= _("trabaja") ?> </td>
                    <td><label class="labelform"><?= _("actividadlab") ?></label></td>
                    <td>
                        <input type="text" name="busca_actividadlab" id="busca_actividadlab" size="15" disabled="true" class="validate[required]" />
                        <input hidden="true" type="text" name="tb_actividadlab" id="tb_actividadlab" /><div class="boton_abajo" onclick="desplegarCombos('busca_actividadlab');"></div>


                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><label class="labelform"><?= _("puesto") ?></label></td>
                    <td>
                        <select id="cb_puesto" name="" class="ui-multiselect ui-widget ui-state-default ui-corner-all" disabled="true" >
                            <option value="1">1</option>
                        </select>
                    </td>
                </tr>






            </table> 


            <div id="navbutsOtrosDatos" style="width: 632px; " class="ui-state-default ui-jqgrid-pager ui-corner-bottom" dir="ltr">
                <div id="navbuts2OtrosDatos" class="ui-pager-control" role="group">
                    <table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table" style="width:100%;table-layout:fixed;height:100%;" role="row">
                        <tbody><tr>
                                <td id="pagnavbuts_leftOtrosDatos" align="left">
                                    <table cellspacing="0" cellpadding="0" border="0" class="ui-pg-table navtable" style="float:left;table-layout:auto;">
                                        <tbody><tr><td class="ui-pg-button  ui-corner-all botonNav" title="<?= _("clickguardar") ?>" id="add_grid_reg">
                                                    <div class="ui-pg-div">
                                                        <a class="ui-icon ui-icon-plus" href="#" onclick="enviarOtrosDatos();return false">
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>




        </form>

    </div>

</div>






<!--</div>  -->

<!--</div>-->
